<div class="dws-graph-selection-panel">

  <p-accordion [multiple]="true">
    <p-accordionTab>
      <ng-template pTemplate="header">Base Components</ng-template>
      <ng-template pTemplate="content">

        <div class="grid">

          <div class="col">
            <app-draggable-box	ngbPopover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
               popoverTitle="Popover on top" [placement]="'left'" 	triggers="mouseenter:mouseleave"
            [autoClose]="true" [type]="'INIT_DU'" [name]="'[var]'"></app-draggable-box>
          </div>

      </div>
      </ng-template>
    </p-accordionTab>

    <p-accordionTab>
      <ng-template pTemplate="header">IO Components</ng-template>
      <ng-template pTemplate="content">

        <div class="grid">
          <div class="col">
            <app-draggable-box	ngbPopover="Vivamus sagittis lacus vel augue laoreet rutrum faucibus."
             popoverTitle="Popover on top" [placement]="'left'" 	triggers="mouseenter:mouseleave"
             [autoClose]="true" [type]="'DPU'" [name]="'log'"></app-draggable-box>
          </div>


      </div>
      </ng-template>
    </p-accordionTab>
    </p-accordion>




</div>
